import React from 'react';
import QueueAnim from 'rc-queue-anim';
import TweenOne from 'rc-tween-one';
import { Row, Col } from 'antd';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import { getChildrenToRender } from './utils';

type P = {
  id: string
}

class Content5 extends React.PureComponent<P> {
  constructor(prop: P) {
    super(prop)
  }
  render() {
    return (
      <div id={this.props.id} className="container-fluid" >
        <div className="row">
          <div className="col">
            <div className="container-xxl heada1">
              <div className="row">
                <div className="col heada1-h">
                  案例&成果
                </div>
              </div>
              <div className="row">
                <div className="col heada1-s">
                  Case & Achievements
                </div>
              </div>
              <div className="row">
                <div className="col heada1-t">
                  课程和服务已惠及全国多个省份，服务数百所高中的优秀学生
                </div>
              </div>
              <div className="row">
                <div className="col text-center map-blink">
                  <div className="map-blink1">
                    <img src="https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/JOY/guanwang/map/map_blue%201.png" alt="" />
                  </div>
                  <div className="map-blink2">
                    <img src="https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/JOY/guanwang/map/map_2.png" alt="" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    );
  }
}

export default Content5;
